<template>
  <el-dialog
    top="30px"
    width="80%"
    append-to-body
    :visible.sync="visible"
    :close-on-click-modal="false"
    :before-close="beforeClose"
  >
    <div class="d-flex justify-content-center align-items-center mb-5">
      <el-button>
        <i class="el-icon-arrow-left el-icon--right"></i>
        <span>上一季度</span>
      </el-button>
      <div class="mx-3">2020年 / 第三季度</div>
      <el-button>
        <span>下一季度</span>
        <i class="el-icon-arrow-right el-icon--right"></i>
      </el-button>
    </div>
    <quarter-report-finance v-bind="$attrs"></quarter-report-finance>
  </el-dialog>
</template>

<script>
import QuarterReportFinance from '@/credit/views/city/report/QuarterReportFinance'

export default {
  components: {
    QuarterReportFinance,
  },
  props: {
    visible: Boolean,
  },
  data() {
    return {}
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    beforeClose() {
      this.$emit('update:visible', false)
    },
  },
}
</script>

<style lang="scss" scoped></style>
